<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>打击整治涉依托咪酯违法犯罪“百日行动”</title>
    <meta content="1" name="keywords" />
    <meta content="1" name="description" />
    <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
    <style>
        /* 设置背景图片 */
        .bg-image {
            background-image: url(/public/static/images/top.jpg);
            /*background-position: center; !* 居中背景图片 *!*/
            background-repeat: no-repeat; /* 不重复显示背景图片 */
            background-size: cover; /* 覆盖整个容器 */
            width: 100%; /* 宽度为100%以居中显示 */
            height: 1100px; /* 设置高度为500px作为示例，根据需要调整 */
            margin: 0 auto; /* 居中容器 */
        }
        .tab{
            position: absolute;
            width: 70%;
            margin-top: 20%;
            margin-left: 15%;
        }
    </style>
</head>
<body>
<div class="bg-image">
    <div class="tab">
        <span>(最后更新于：{$date})</span>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>单位</th>
                <th>行政完成率</th>
                <th>行政挂旗</th>
                <th>刑事完成率</th>
                <th>刑事挂旗</th>
            </tr>
            </thead>
            <tbody>
            {foreach name="record" item="v"}
            <tr>
                <td>{$v.index}</td>
                <td>{$v.name}</td>
                <td>{$v.xzwcl}%</td>
                <td>
                    <img src="{$v.xzgq}" alt="">
                </td>
                <td>{$v.xswcl}%</td>
                <td>
                    <img src="{$v.xsgq}" alt="">
                </td>
            </tr>
            {/foreach}
            </tbody>
        </table>
        <div style="margin-left: 30%;">Copyright 2024 All rights reserved. 维护部门：盐城市公安局盐都分局</div>
    </div>
</div>
</body>
<script src="/public/static/js/jquery.min.js"></script>
<script>
</script>
</html>
